import {
  MenuOutlined,
  TeamOutlined,
  UserOutlined,
} from '@ant-design/icons-vue'

const ROOT = () => import('@/layouts/app-layout/index.vue')
const SystemAccount = () => import('@/views/accouts/index.vue')
const SystemMenu = () => import('@/views/system/menu.vue')
const SystemRole = () => import('@/views/system/role.vue')
const SystemPermission = () => import('@/views/system/permission.vue')

export const routeMapComponent: Record<string, any> = {
  '/system': { component: ROOT },
  '/system/accounts': { component: SystemAccount, icon: UserOutlined },
  '/system/menu': { component: SystemMenu, icon: MenuOutlined },
  '/system/role': { component: SystemRole, icon: TeamOutlined },
  '/system/permission': { component: SystemPermission, icon: TeamOutlined },
}
